*
    margin: 0
    padding: 0
    outline: none
    box-sizing: border-box
    -webkit-user-drag: none

body, input, button
    @include selectable(false)

::selection
    color: #000
    background-color: #CCE2FF

a
    @include transition(color .15s)
    color: var(--text-link)
    word-break: break-word
    text-decoration: none
    -webkit-user-drag: auto
    &:hover
        color: var(--text-link-hov)

ul
    list-style: disc

hr
    @include border(all, none)
    @include border(b)

.fancybox__content, .f-thumbs__slide__button
    img
        background: #fff
    
@keyframes rotate
    100%
        transform: rotate(360deg)

@keyframes glow
    from 
        background-position: 0
    to
        background-position: 1000%


@import "markdown/chroma"
@media (prefers-color-scheme: dark)
    @import "markdown/monokai"
    .search-icon, .social img, .board img, .clipboard img, img.arrow, .sidebar-button img, .mermaid svg
        filter: invert(100%)

    .tree .item > .inner > .list
        background: black !important
